import React, { Component, useEffect, useReducer } from 'react';
import './index.css'
import 'handsontable/dist/handsontable.full.css';
// import Demo  from './Dnd/index'
// import Demo  from './Decorator'
// import Demo  from './Hansontable/'
// import Demo from './Hook' 
import Demo from './webworker' 
// import Demo from './extend'
// import Demo from './getDerivedStateFromProps'
// import Demo from './import/demo'
// import Demo from './react_lazy/index'
// import Demo from './reactDemo/index'
// import Demo from './IntersectionObserver/index'
// import Demo from './script/index'
// import Demo from './canvas/index'
// import Demo  from './DragwidthCom/index.js'

// import Demo from './Hotkeys';
// import Demo from './intl'; // 多语
// import Demo from './other'; // 
// import './redux'; // 
// import Demo from './reduxYuanLi'; // 多语
// import Demo from './menuEvent/ClickDemo.jsx'; // 多语
// import Demo from './threejs/index'; // 多语
// import Demo from './d3/index'; //

class App extends Component {
  state = {
    title: 'aa'
  }
  componentDidMount() {
    window.AAA = this
  }
  componentDidUpdate() {
  }
  render() {
    return (
      // ml300 mt100
      <div className='' id='main'>
        <Demo onRender={(api) => {
          this.demo1 = api
        }} />
      </div>
    );
  }
}

export default App;



